<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Icon Manage</title>
    <th:block th:include='common::css_script'></th:block>
    <script type="text/javascript" th:src="@{/js/iconList.js}"></script>
</head>
<body>
<div>
    <div class="btn-tools">
        <button class="btn btn-success" data-toggle="modal" data-target="#myModal" type="button">新增</button>
        <button class="btn btn-primary" type="button">修改</button>
        <button class="btn btn-danger" type="button">删除</button>
        <input class="form-control float-left margin-left-5 width-300"/>
        <button class="btn btn-info" type="button">搜索</button>
    </div>

    <table class="table table-bordered table-hover">
        <thead>
        <tr>
            <th scope="col"></th>
            <th scope="col">ID</th>
            <th scope="col">图标</th>
            <th scope="col">代码</th>
            <th scope="col">创建时间</th>
            <th scope="col">修改时间</th>
        </tr>
        </thead>
        <tbody class="page">
        <tr th:fragment="iconList" th:each="row:${page.contentList}">
            <td><input type="checkbox"/></td>
            <td>[[${row.id}]]</td>
            <td><i th:class="${row.value}"></i></td>
            <td>[[${row.value}]]</td>
            <td>[[${row.addTime}]]</td>
            <td>[[${row.updateTime}]]</td>
        </tr>
        </tbody>
    </table>

    <th:block th:include='common::page_navigation'></th:block>
</div>

<!-- 新增 -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title" id="myModalLabel">新增</h4>
            </div>
            <div class="modal-body">
                <form id="addIconForm">
                    代码<input name="value" class="form-control"/>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" id="addIcon">保存</button>
            </div>
        </div>
    </div>
</div>
</body>
</html>